<#assign ctx=request.contextPath>
<div class="sidebar" id="sidebar">
    <script type="text/javascript">
        try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
    </script>

    <div class="sidebar-shortcuts" id="sidebar-shortcuts">
    <#--<div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large">-->
    <#--<button class="btn btn-success">-->
    <#--<i class="icon-signal"></i>-->
    <#--</button>-->

    <#--<button class="btn btn-info">-->
    <#--<i class="icon-pencil"></i>-->
    <#--</button>-->

    <#--<button class="btn btn-warning">-->
    <#--<i class="icon-group"></i>-->
    <#--</button>-->

    <#--<button class="btn btn-danger">-->
    <#--<i class="icon-cogs"></i>-->
    <#--</button>-->
    <#--</div>-->

        <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
            <span class="btn btn-success"></span>

            <span class="btn btn-info"></span>

            <span class="btn btn-warning"></span>

            <span class="btn btn-danger"></span>
        </div>
    </div><!-- #sidebar-shortcuts -->

    <ul class="nav nav-list" id="menu">
    </ul><!-- /.nav-list -->

    <div class="sidebar-collapse" id="sidebar-collapse">
        <i class="icon-double-angle-left" data-icon1="icon-double-angle-left" data-icon2="icon-double-angle-right"></i>
    </div>
    <script type="text/javascript">

        $(document).ready(function(){

            /**当用户选择某个功能是解决打开菜单，解决用户体验*/
            function openUl() {
                $('#menu').find('li').each(function( ) {
                    var v=  $(this).children(this).attr("href");
                    var url= window.location.href;

                    if( url.indexOf(v)>=0){
                        $(this).parents(".submenu").css("display","block");
                        $(this).parents(".submenu").parent("li").addClass("open");
                    }
                })
            }

            /**获取菜单*/
            $.post("${ctx}/menu/getRoleMenu",
                    function(data){
                        data=data.data;
                        var htmlMenu="";
                        for (let i = 0; i <data.length ; i++) {
                            htmlMenu +='<li>\n' ;
                            htmlMenu +=
                                    '            <a href="#"  class="dropdown-toggle">\n' +
                                    '                <i class="'+data[i].icon+'"></i>\n' +
                                    '                <span class="menu-text"> '+data[i].name+' </span>\n' +
                                    '                <b class="arrow icon-angle-down"></b>\n' +
                                    '            </a>\n' ;

                            /**第二菜单*/
                            var chil=data[i].children;
                            if(chil.length>0) {
                                htmlMenu +=  '            <ul class="submenu">\n' ;
                                for (let j = 0; j <chil.length ; j++) {
                                    htmlMenu +=
                                            '                <li>\n' +
                                            '                    <a href="${ctx}'+chil[j].href+'">\n' +
                                            '                        <i class="icon-double-angle-right"></i>\n' +
                                            chil[j].name +
                                            '                    </a>\n' +
                                            '                </li>\n' ;
                                }
                                htmlMenu += '            </ul>\n' ;
                            }

                            htmlMenu +='        </li>';
                        }

                        $("#menu").html(htmlMenu);
                        openUl();
                    });


            try{ace.settings.check('sidebar' , 'collapsed')}catch(e){}

        });
    </script>
</div>
